
<div >
    <li  (mouseover)="onYx()" (mouseout)="offYx()" class="item"><a class="title"  href="javascript:;"  >邮箱</a>
        <ul #yx (mouseout)="offYx()">
            <li><a>免费邮箱</a></li>
            <li><a>VIP邮箱</a></li>
            <li><a>企业邮箱</a></li>
            <li><a>新浪邮箱客户端</a></li>
        </ul>
    </li>
    <li (mouseover)="onBk()" (mouseout)="offBk()" class="item"><a class="title"  href="javascript:;" >博客</a>
        <ul #bk (mouseout)="offBk()">
            <li><a href="#">博客评论</a></li>
            <li><a href="#">来读提醒</a></li>
        </ul>
    </li>
    <li (mouseover)="onWb()" (mouseout)="offWb()" class="item"><a class="title" href="javascript:;" >微博</a>
        <ul #wb (mouseout)="offWb()">
            <li><a href="#">私信</a></li>
            <li><a href="#">评论</a></li>
            <li><a href="#">@我</a></li>
        </ul>
    </li>
    <li class="item"><a class="title" href="javascript:;" >登录</a></li>

</div>
